/**
* @version   $Id$
* @author    RocketTheme http://www.rockettheme.com
* @copyright Copyright (C) 2007 - ${copyright_year} RocketTheme, LLC
* @license   http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License
*/

// Top Section -----------------
@topbackground:			#3b3b3b;
@topbackground2:		#2e2e2e;
@toptext:				#adadad;
@toptitle:				#ffffff;
@topshadow:				#000000;

// Showcase --------------------
@showcasebackground:	#212121;
@showcasebackground2:	#4c4c4c;
@showcasebackground3:	#7db9e8;
@showcasetext:			#bbbbbb;
@showcasetitle:			#ffffff;

// Logo
.logo-type-gantry #rt-logo {background: url(../images/logo/dark/logo.png) 0 0 no-repeat;}

// Navigation
.menutop li.active.root .item > span, .splitmenu .menutop li.active .item span {background: rgba(0,0,0,0.2);box-shadow: inset 0 0 5px rgba(0,0,0,0.4), 0 1px 0 rgba(173,173,173,0.1);}
.menutop li > .item {color: @toptext;text-shadow: 1px 1px 1px @topshadow;}
.menutop li.active > .item, .menutop li:hover > .item, .menutop li.root.f-mainparent-itemfocus {color: @toptitle;}
.fusion-submenu-wrapper {background: @topbackground;box-shadow: 0 2px 5px rgba(0,0,0,0.4);}
.fusion-submenu-wrapper.level2 {box-shadow: inset 0 2px 3px rgba(0,0,0,0.4), 0 2px 5px rgba(0,0,0,0.4);}

// Top
#rt-top-surround {#gradient > .vertical(@topbackground, @topbackground2);color: @toptext;text-shadow: 0 2px 3px @topshadow;box-shadow: 0 2px 4px rgba(0,0,0,0.4);border-bottom: 1px solid @topshadow;
	.title {color: @toptitle;text-shadow: 1px 1px 1px @topshadow;}
	a {
		&:hover {color: @toptitle;}
	}
}
#rt-top-surround:after {background: url(../images/patterns/noise.png);}

// Showcase
#rt-showcase {#gradient > .vertical(@showcasebackground, @showcasebackground2);
	color: @showcasetext;border-bottom: 1px solid @white;box-shadow: inset 0 -1px 0 @topshadow;text-shadow: 0 2px 3px @topshadow;
		.title {color: @showcasetitle;text-shadow: 1px 1px 1px @topshadow;}
}
#rt-showcase {
	a {
		&:hover {color: @showcasetitle;}
	}
}

.rt-showcase-pattern {
background-image: -webkit-linear-gradient(rgba(0,0,0,0.1) 2px, transparent 2px),-webkit-linear-gradient(0, rgba(0,0,0,0.1) 2px, transparent 2px),-webkit-linear-gradient(rgba(0,0,0,0.1) 1px, transparent 1px),-webkit-linear-gradient(0, rgba(0,0,0,0.1) 1px, transparent 1px);background-size:80px 80px, 80px 80px, 5px 5px, 5px 5px;background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;}

// Modules
.title3 {
	.title {#gradient > .vertical(@topbackground, @topbackground2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.4);
	border-bottom: 1px solid @topshadow;
	color: @toptitle;text-shadow: 1px 1px 1px @topshadow;
	}
}

.box3 {#gradient > .vertical(@topbackground, @topbackground2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.4);
	border-bottom: 1px solid @topshadow;
	color: @toptext;text-shadow: 0 2px 3px @topshadow;
	.title {color: @toptitle;text-shadow: 1px 1px 1px @topshadow;border-bottom: 1px solid @showcasebackground;box-shadow: 0 1px 0 @showcasebackground2;}
	a {
		&:hover {color: @toptitle;}
	}
}

// Module Overrides
#rt-showcase, #rt-top-surround {
	.box3 {
		.title {border-bottom: 1px solid @showcasebackground;box-shadow: 0 1px 0 @showcasebackground2;}
	}
	.title3 {
		.title {box-shadow: 0 2px 4px rgba(0,0,0,0.4);border-bottom: 1px solid @topshadow;}
	}
	.button, .readon, .readmore, button.validate, .formelm-buttons button {
		&:active {box-shadow: 0 1px 0 rgba(255,255,255,0.2);}
	}
}

// Extras
.promo {
	h1 {text-shadow: 1px 2px 7px rgba(0,0,0,0.9);
		b {
			color: #e7ecf0;
			-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(40%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0.50)));
			mask: url(../images/mask.svg#light);
		}

	}
	p b {color: @toptitle;}
}
